/* 默认主题 */
/* :root{
} */

::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

html::view-transition-old(root) {
    z-index: 2147483646;

}

html::view-transition-new(root) {
    z-index: 1;

}

html.dark::view-transition-old(root) {
    z-index: 1;

}

html.dark::view-transition-new(root) {
    z-index: 2147483646;

}

[data-theme='light'] {
    --bg-color: #f5f5f5;
    --theme-color: #ffffff;
    --primary-color: #999999;
    --text-color: #000000;
    --transparent-color: transparent;
    --text-white: #FFFFFF;
    --layout-sider: #001529;
    --input-bg: #FFFFFF;
    --input-text-color: #000000;
    --input-disabled-bg: #f5f5f5;
    --input-disabled-color: #D7D7D7;
    --input-number-bg: #FFFFFF;
    --input-placeholder: #D7D7D7;
    --input-affix-wrapper: transparent;
    --picker-input-disabled: rgba(0, 0, 0, 0.25);
    --picker-suffix-disabled: rgba(0, 0, 0, 0.25);
    --picker-suffix: rgba(0, 0, 0, 0.5);
    --checkbox-inner-bg: #1677ff;
    --thead-bg-color: #fafafa;
    --thead-line: #f0f0f0;
    --thead-cell: #f0f0f0;
    --tbody-color: #000000;
    --tbody-line-color: #f0f0f0;
    --td-hover: #fafafa;
    --pagination-button: rgba(0, 0, 0, 0.88);
    --link-color: #333333;
    --link-active-color: #1677FF;
    --breadcrumb-color: #333333;
    --menu-bg: #001427;
    --menu-color: rgba(255, 255, 255, 0.65);
    --menu-item-bg: #000B16;
    --menu-item-selected: #1677FF;
    --menu-item-selected-span: #FFFFFF;
    --menu-inline-bg: #000c17;
    --modal-bg: #ffffff;
    --modal-box-shadow: transparent;
    --select-bg: #FFFFFF;
    --selection-item: #b2b2b2;
    --select-arrow: rgba(0, 0, 0, 0.25);
    --select-dropdown-bg: #FFFFFF;
    --select-dropdown-color: rgba(0, 0, 0, 0.88);
    --select-dropdown-expand-icon: rgba(0, 0, 0, 0.45);
    --cascader-menu-item-active: #e6f4ff;
    --cascader-menu-item-active-color: #333333;
    --cascader-menu-item-hover: #F5F5F5;
    --select-item-hover: #f5f5f5;
    --select-item-option: #E6F4FF;
    --select-row-bg: #e6f4ff;
    --select-row-hover-bg: #bae0ff;
    --switch-bg: #D5D5D5;
    --switch-hover: #D5D5D5;
    --card-box-shadow: rgba(0, 0, 0, .12);
    --card-bg: #FFFFFF;
    --message-color: #333333;
    --collaps-color: #000000;
    --drawer-bg: #FFFFFF;
    --ant-drawer-title: rgba(0, 0, 0, 0.88);
    --echart-card-shadow: rgba(0, 0, 0, .1);
    --echart-card-border: #ebeef5;
    --btn-disable-bg: rgba(0, 0, 0, 0.04);
    --btn-disable-border-color: #d9d9d9;
    --btn-disable-color: rgba(0, 0, 0, 0.25);
    --code-bg: #f5f7fa;
    --code-color: #000000;
    --tabs-active-bg: #ffffff;
    --tabs-bg: rgba(0, 0, 0, 0.02);
    --tabs-border: #FFFFFF;
    --tabs-color: #000000;
    --popover-bg: #FFFFFF;
    --popover-color: #babebe;
    --popover-box-shadow: rgba(0, 0, 0, .12);
    --scrollbar-bg: #f5f5f5;
    --scrollbar-hover-bg: #bdbdbd;
}

[data-theme='dark'] {
    --bg-color: #141414;
    --theme-color: #1E1F23;
    --primary-color: #999999;
    --text-color: #ffffff;
    --transparent-color: transparent;
    --text-white: #FFFFFF;
    --layout-sider: #1E1F23;
    --input-bg: transparent;
    --input-text-color: #BEBABA;
    --input-disabled-bg: #2B2D32;
    --input-disabled-color: #BEBABA;
    --input-number-bg: #1E1F23;
    --input-placeholder: #BEBABA;
    --input-affix-wrapper: transparent;
    --picker-input-disabled: rgba(255, 255, 255, 0.25);
    --picker-suffix-disabled: rgba(255, 255, 255, 0.25);
    --picker-suffix: #BEBABA;
    --checkbox-inner-bg: rgba(43, 45, 50, 0.5);
    --thead-bg-color: #2B2D32;
    --thead-line: transparent;
    --thead-cell: transparent;
    --tbody-color: #BEBABA;
    --tbody-line-color: #40434A;
    --td-hover: #2B2D32;
    --pagination-button: #595C66;
    --link-color: #595C66;
    --link-active-color: #1677FF;
    --breadcrumb-color: #BEBEBE;
    --menu-bg: #1E1F23;
    --menu-color: #A4A4A4;
    --menu-item-bg: #000B16;
    --menu-item-selected: #39383D;
    --menu-inline-bg: #1E1F23;
    --modal-bg: #1E1F23;
    --modal-box-shadow: rgba(39, 24, 207, 0.23);
    --select-bg: transparent;
    --select-arrow: #BEBABA;
    --select-dropdown-bg: #141414;
    --select-dropdown-color: rgba(255, 255, 255, 0.5);
    --select-dropdown-expand-icon: rgba(255, 255, 255, 0.5);
    --cascader-menu-item-active: #595C66;
    --cascader-menu-item-active-color: #FFFFFF;
    --cascader-menu-item-hover: #1E1F23;
    --selection-item: rgba(255, 255, 255, 0.5);
    --select-item-hover: #1E1F23;
    --select-item-option: #595C66;
    /* --select-row-bg: rgba(43, 45, 50, 0.5); */
    --select-row-bg:#1E1F23;
    --select-row-hover-bg: rgba(43, 45, 50, 0.3);
    --switch-bg: #A3A4AA;
    --switch-hover: #A3A4AA;
    --card-box-shadow: rgba(39, 24, 207, .12);
    --card-bg: #141414;
    --message-color: #333333;
    --collaps-color: #FFFFFF;
    --drawer-bg: #1E1F23;
    --ant-drawer-title: rgba(255, 255, 255, 0.88);
    --echart-card-shadow: transparent;
    --echart-card-border: transparent;
    --btn-disable-bg: rgba(255, 255, 255, 0.04);
    --btn-disable-border-color: rgba(255, 255, 255, 0.25);
    --btn-disable-color: rgba(255, 255, 255, 0.25);
    --code-bg: #262727;
    --code-color: #babebe;
    --tabs-active-bg: #262727;
    --tabs-bg: rgba(0, 0, 0, 0.5);
    --tabs-border: rgba(255, 255, 255, 0.3);
    --tabs-color: #bebaba;
    --popover-bg: #141414;
    --popover-color: #babebe;
    --popover-box-shadow: rgba(39, 24, 207, 0.23);
    --scrollbar-bg: #555;
    --scrollbar-hover-bg: #bdbdbd;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

h1,
span {
    color: var(--text-color);
}

.login-plane-form label {
    color: #FFFFFF !important;
}

.login-plane-form input {
    background: #FFFFFF !important;
    color: #333333 !important;
}

.manaer-plus-icon {
    color: var(--text-color);
}

/* 主体 layput */

.ant-layout {
    background-color: var(--bg-color);

}

.ant-layout .ant-layout-sider {
    background-color: var(--layout-sider);

}

.ant-layout .ant-layout-header {
    background-color: var(--theme-color);
}

.ant-layout .ant-layout-content {
    background-color: var(--theme-color);
    border-radius: 18px;
    margin: 24px 16px;
    padding: 24px;
    height: calc(100vh - 120px);
    overflow: hidden;
    overflow-y: scroll;
}

/* 隐藏垂直滚动条 */
.ant-layout .ant-layout-content::-webkit-scrollbar {
    width: 0;
}


/* 面包屑 breadcrumb */

.ant-breadcrumb-link a {
    color: var(--text-color);
}

.ant-breadcrumb .ant-breadcrumb-separator {
    color: var(--text-color);
}

/* 菜单 menu */
.ant-menu-dark {
    background-color: var(--menu-bg);
}

.ant-menu-item-active {
    color: var(--text-white)
}

.ant-menu-submenu-title span {
    color: var(--menu-color);
}

.ant-menu-item span {
    color: var(--menu-color);
}

.ant-menu-dark .ant-menu-item-selected {
    background: var(--menu-item-selected);
}

.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):active {
    /* background: var(--menu-item-selected); */
    background: transparent;
}


.ant-menu-dark .ant-menu-item-selected span {
    color: var(--menu-item-selected-span);
}

.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):active span {
    /* color: var(--text-color); */
    color: #FFFFFF;
}

.ant-menu-dark.ant-menu-inline .ant-menu-sub.ant-menu-inline {
    background-color: var(--menu-inline-bg);

}

/* 表格 table */



.ant-table-wrapper .ant-table-thead>tr>th {
    background-color: var(--thead-bg-color);
    color: var(--text-color);
}

.ant-table-tbody {
    background-color: var(--theme-color);
    color: var(--tbody-color);
}

.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
    background: var(--td-hover);
}

.ant-table-wrapper .ant-table-thead>tr>th,
.ant-table-wrapper .ant-table-thead>tr>td {
    border-bottom: 1px solid var(--thead-line);
    border-top: none;
}

.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody>tr:last-child>td {
    border-bottom: 1px solid var(--tbody-line-color);
    border-top: none;
}

.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody>tr>td {
    border-bottom: 1px solid var(--tbody-line-color);
    border-top: none;
}

.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    background-color: var(--thead-cell);
}

.ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected>td {
    background: var(--select-row-bg);
}

.ant-table-wrapper .ant-table-tbody>tr.ant-table-row-selected:hover>td {
    background: var(--select-row-hover-bg)
}


.ant-pagination .ant-pagination-item-active {
    background-color: transparent;
}

.ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
    color: var(--link-color);
}

.ant-pagination .ant-pagination-item a {
    color: var(--link-color);
}

.ant-empty-description {
    color: var(--text-color);
}

.ant-table-wrapper .ant-table-cell-fix-left,
.ant-table-wrapper .ant-table-cell-fix-right {
    background-color: var(--theme-color);
}


.ant-pagination .ant-pagination-item-active a {
    color: var(--link-active-color);
}

.ant-pagination .ant-pagination-prev button,
.ant-pagination .ant-pagination-next button {
    color: var(--pagination-button);
}

.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    color: var(--link-color);
}

/* 选择框 select */

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background-color: var(--select-bg);
}

.ant-select .ant-select-arrow {
    color: var(--select-arrow);
}

.ant-select-dropdown {
    background-color: var(--select-dropdown-bg);
    color: var(--select-dropdown-color);
}

.ant-select-dropdown .ant-select-item:hover {
    background-color: var(--select-item-hover);
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background: var(--select-item-option);
}


.ant-select-single.ant-select-open .ant-select-selection-item {
    color: var(--selection-item);

}

.ant-select-selector span {
    color: var(--input-text-color);

}

.ant-select-multiple .ant-select-selection-search{
    color: var(--input-text-color);
}

.ant-select-disabled span {
    color: var(--input-disabled-color);


}

.ant-select-dropdown .ant-select-item {
    color: var(--text-color);
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: var(--text-color);
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background-color: var(--input-disabled-bg);
}

.ant-select-disabled .ant-select-selector .ant-select-selection-placeholder {
    color: var(--input-disabled-color);
}

.ant-select .ant-select-selection-placeholder {
    color: var(--input-text-color);
}

.ant-cascader-dropdown .ant-cascader-menu-item.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-dropdown .ant-cascader-menu-item .ant-cascader-menu-item-loading-icon {
    color: var(--select-dropdown-expand-icon);
}

.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    background-color: var(--cascader-menu-item-active);
    color: var(--cascader-menu-item-active-color);
}

.ant-cascader-dropdown .ant-cascader-menu-item:hover {
    background: var(--cascader-menu-item-hover);
}

/* 弹窗 modal */

.ant-modal .ant-modal-content {
    background: var(--modal-bg);
    box-shadow: 0px 0px 73px 0px var(--modal-box-shadow);
}

.ant-modal-close-icon {
    color: var(--text-color);
}

.ant-modal-body {
    color: var(--text-color);
}

.ant-modal .ant-modal-header {
    background-color: var(--transparent-color);
    color: var(--text-color);
}

.ant-modal .ant-modal-title {
    color: var(--text-color);
}

/* 表单 form */
.ant-form-item .ant-form-item-label>label {
    color: var(--text-color);
}

/* .ant-form-item-control-input-content .ant-select{
    color: red;
} */

/* 开关 switch */
.ant-switch {
    background-color: var(--switch-bg);
}

.ant-switch :hover {
    background-color: var(--switch-hover);
}

/* 输入框 input */

.ant-input {
    background-color: var(--input-bg);
    color: var(--input-text-color);
}

.ant-input-number .ant-input-number-input {
    color: var(--input-text-color);
}

.ant-input-number {
    background-color: var(--input-number-bg-bg);
}

.ant-input-disabled,
.ant-input[disabled] {
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
}

.ant-input::placeholder {
    color: var(--input-placeholder);
}

.ant-input-number-disabled {
    background-color: var(--input-disabled-bg);
}

/* .ant-input-affix-wrapper{
    background: var(--input-affix-wrapper)
} */

/* 选项卡 tab */
.ant-tabs {
    color: var(--text-color);
}

.ant-message-custom-content span {
    color: var(--message-color);
}


.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
    background: var(--tabs-bg);
    user-select: none;
    color: var(--tabs-color);
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active {
    background: var(--tabs-active-bg);
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: var(--tabs-border);
}

/* 选择器 pick */
.ant-picker {
    background-color: var(--input-bg);
}

.ant-picker .ant-picker-input>input {
    color: var(--input-text-color);
}

.ant-picker .ant-picker-input>input::placeholder {
    color: var(--input-text-color);
}

.ant-picker .ant-picker-input >input[disabled]{
    color: var(--picker-input-disabled);
}

.ant-picker.ant-picker-disabled .ant-picker-suffix{
    color: var(--picker-suffix-disabled);
}

.ant-picker .ant-picker-suffix{
    color: var(--picker-suffix);
}

/* 卡片 card */
.ant-card {
    background-color: var(--card-bg);
    box-shadow: 0px 0px 14px 0px var(--card-box-shadow);
}

.ant-card .ant-card-head {
    color: var(--text-color);

}

/* checkbox */
/* .ant-checkbox-indeterminate .ant-checkbox-inner:after{
    background: var(--checkbox-inner-bg);
} */
.ant-switch .ant-switch-inner .ant-switch-inner-unchecked {
    color: var(--theme-color);
}

/* 抽屉 drawer */

.ant-drawer .ant-drawer-content {
    background-color: var(--drawer-bg);
}

.ant-drawer .ant-drawer-title {
    color: var(--ant-drawer-title);
}

/* dropdown */

.ant-dropdown .ant-dropdown-menu,
.ant-dropdown-menu-submenu .ant-vdropdown-menu {
    background-color: var(--theme-color);
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
    background-color: var(--bg-color);
}


.ant-dropdown-menu-title-content span {
    color: var(--text-color);
}

/* 按钮 */

.button {
    background-color: var(--primary-color);
    color: var(--text-color);
}

button span {
    color: var(--button-text-color);
}

.footer-btn {
    background-color: var(--theme-color) !important;
}

.add-btn {
    border: 1px dashed #1677FF;
}

.add-sampler-btn {
    border: 1px dashed #4ADE80;
}


.ant-btn-default {
    background: transparent;
    border: 1px solid #898989;
    color: #898989;
}

.ant-btn-primary:disabled {
    color: var(--btn-disable-color);
    background-color: var(--btn-disable-bg);
    border-color: var(--btn-disable-border-color);
}

.ant-btn-link.ant-btn-dangerous:disabled{
    color: var(--btn-disable-color);

}

.ant-btn-link:disabled {
    color: var(--btn-disable-color);
}

/* code 代码块*/

pre {
    background-color: var(--code-bg);
    height: 600px;
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: auto;
}

code {
    color: var(--code-color);
}

.custom-tab-pane {
    height: 600px;
    overflow: hidden;
}

/* 自定义滚动条整体样式 */
pre::-webkit-scrollbar {
    width: 8px;
    /* 滚动条宽度 */
    height: 8px;
    /* 对于水平滚动条，设置高度 */

    background-color: transparent;
    /* 滚动条背景色 */
}

/* 自定义滚动条滑块样式 */
pre::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-bg);
    /* 滑块背景色 */
    border-radius: 8px;
    /* 滑块圆角 */
}

/* 自定义滚动条轨道样式 */
pre::-webkit-scrollbar-track {
    background-color: transparent;
    /* 轨道背景色 */
}


/* 定义当滑块悬停或活动时的样式 */
pre::-webkit-scrollbar-thumb:hover {
    background:  var(--scrollbar-hover-bg);
    /* 滑块悬停颜色 */
}

pre::-webkit-scrollbar-corner {
    background: transparent !important;
}

/* Popover */
.ant-popover .ant-popover-content .ant-popover-inner{
    background-color: var(--popover-bg);
    box-shadow: 0px 0px 73px 0px var(--popover-box-shadow);
}

.ant-popover .ant-popover-content .ant-popover-inner .custom-popover-text{
    color: var(--popover-color);
}

.ant-popover .ant-popover-content .ant-popover-arrow::before{
    background-color: var(--popover-bg);
}

.ant-popconfirm .ant-popconfirm-message{
    color: var(--text-color);
}


.ant-collapse .ant-collapse-content{
    background: transparent;
    border-top: none;
}